.nav-sup {
  min-width:600px;
  background-color:whiteSmoke;
  padding: 20px 20px 15px 20px;
  border-bottom:1px solid white;
  border-top:1px solid #EAEAEA;
  font-size:16px;
  font-family:Helvetica,sans-serif;
  color:black;
}

.nav-sup .icon{
  display:block;
  background-color:white;
  width:70px;
  height:70px;
  border:1px solid #EAEAEA;
  overflow:hidden;
}

.nav-sup .icon img{
  width:70px;
}

.nav-last {
width:100%;
background-color:#E8E7E3;
}

.nav {
  width:100%;
  height:30px;
  background-color:steelblue;
  border-bottom:1px solid whiteSmoke;
  text-align:center;
  min-width:600px;
}

.nav ul {
  display:block;
  margin:auto;
  list-style-type:none; 
  color:white;
  font-family:Arial;
  font-size:13px; 
  font-weight:100;
  padding-left:10px;
}

.nav > ul > li {
  display:block;
  height:20px;
  float:left;
  margin: 0px 0 0px 0px;
  padding: 8px 10px 2px 10px;
  text-align:center;
  cursor:pointer;
}

.nav ul li a{
  display:block;
}

.nav ul li.menu > a{
  text-decoration:none;
  font-weight:100;
  padding:4px
  color:whiteSmoke;
}

.nav ul li:hover {
  background-color:steelblue;
}
.nav ul li.submenu:hover{
  -moz-box-shadow: 2px 2px 3px #969696;
  -webkit-box-shadow: 2px 2px 3px #969696;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
}
.nav ul li:hover a{
  width:100%;
  color:white;
}

.nav ul li:hover a:visited {
  color:inherit;
}

.nav ul li:hover a:active {
  color:inherit;
}
.nav ul li:hover a:link {
  color:inherit;
}

.nav div.title img {padding:6px 3px 3px 3px;border:none;}
.nav div.title a {text-decoration:none;border:none;}

.nav ul li.menu{
  display:block;
  height:20px;
  cursor:pointer;
  overflow:show;
}
.nav ul li.menu:hover .submenu{
  display:block;
}

div.nav ul.submenu:hover {
  display:block;
}

div.nav ul.submenu{
  display:none;
  color:steelblue;
  background-color:ghostwhite;
  position:relative;
  top:5px;
  width:220px;
  left:0px;
  clear:both;
  float:right;
  border-top:2px solid steelblue;
  border-bottom:1px solid steelblue;
  border-left:1px solid steelblue;
  border-right:1px solid steelblue;
  padding:0px 0px 5px 0px;
}
div.nav ul.submenu li{
 display:block;
 clear:both;
 color:steelblue;
 padding:2px 2px 4px 10px;
 text-align:left;
}
div.nav ul.submenu li a{
 color:steelblue;
}
div.nav ul.submenu li:hover {
 color:white;
 background-color:steelblue;
}
div.nav ul.submenu li:hover a{
 color:white;
}


div.vlane{
width:220px;
margin:0px 0px 0px 20px;
float:left;
}
div.clip{
background:white url("/res/clipbtm.png") no-repeat 0 100%;
padding-bottom:5px!important;
min-height:200px;
overflow:hidden;
margin:0px 0 20px 0px;
}

div.clip img{
  width:200px;
  margin:9px;
  border:1px solid whiteSmoke;
}

div.clip ul{
  padding:5px 15px 15px 15px;
  font:14px arial,sans-serif
}

div.clip ul li.name{
 margin-bottom:3px;
}
div.clip ul li.right{
 float:right;
}
div.clip ul li.fade{
  color:gray;
}
div.clip ul li.dscp{
  margin-top:15px;
  color:gray;
  margin-top:5px;
  word-break:break-all;
  max-height:220px;
  overflow:hidden;
}
#foot{
 border-top:1px solid #EAEAEA;
 margin:0px 20px 0 20px;
 padding:20px 10px 30px 10px;
 clear:both;
 font-family:arial;
 font-size:12px;
 color:#555555;
}

#foot ul li{
 margin-bottom:10px;
}

#foot ul li .info-block{
  border:1px solid #EAEAEA;
  width:80px;
  height:80px;
  float:left;
  margin:5px;
}

#foot ul.info{
 padding:10px;
 margin-left:5px;
 width:700px;
 float:left;
}
#foot div.contact{
 float:left;
 width:30%;
 text-align:left;
}
#foot div.contact:last-child{
}

#foot .contact ul{
 width:150px;
 margin:auto;
} 


